<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>红包详情</title>
    <link rel="stylesheet" type="text/css" href="./css/api.css" />
    <link rel="stylesheet" type="text/css" href="./css/aui.css" />
    <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="./css/style.css" />
    <script type="text/javascript" src="./script/api.js"></script>
    <script type="text/javascript" src="./script/aui-tab.js" ></script>
    <link rel="stylesheet" type="text/css" href="./css/aui-slide.css" />
    <script type="text/javascript" src="./script/aui-slide.js"></script>
    <script type="text/javascript">
        function closeWin(){
            api.closeWin({
            });
        };
    </script>
</head>
<body class="red-packet-bg">
   <!-- 头部 -->
   <header class="aui-bar aui-bar-nav" id="topbar">
    <a class="aui-pull-left aui-btn" onclick="closeWin()">
        <span class="aui-iconfont aui-icon-left"></span>
    </a>
    <div class="aui-title">红包详情</div>
</header>

<div class="red-packet">
    <div class="red-packet-icon"><img src="image/red-packet-icon.png"></div>
    <div class="red-packet-t">
        <h3>
            <p>专享加息券-年化0.6%</p>
            0.60%
        </h3>
        <div class="red-packet-t-m">
            有效期至
            <p>2017-08-31 23:59:59</p>
        </div>
        <div class="red-packet-t-d"></div>
    </div>
    <div class="red-packet-m">
        <p>使用条件</p>
        1.起投金额100元，投资上限18万元。<br>
        2.可用于任何期限项目。<br>
        3.有效期至2017.8.31。<br>
        4.不可用于新手标、加息标、债转标、自动投标。<br>
        5.单笔投资仅可使用一个红包。
    </div>
    <div class="red-packet-h"><img src="image/red-packet-h.png"></div>
    <div class="red-packet-d">
        <p>投资额度：180,000.00元</p>
        <p>剩余额度：180,000.00元</p>
        <p>投资金额：不限</p>
        <p>使用范围：非新手标,非加息标</p>
        <p>项目期限：可适用于所有项目</p>
        <p>领取时间：2017-08-21 11:12:23</p>
        <p>使用时间：待使用</p>
    </div>
</div>
</body>
<script type="text/template">
    {{~it:value:index}}
    
    {{~}}
</script>
</html>